<%-- 
    Document   : index
    Created on : Apr 27, 2013, 1:56:30 PM
    Author     : hiepst
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript"
                src="https://maps.googleapis.com/maps/api/js?keyAIzaSyC76NBMxngWN5dgpf2NsJTdrsefm94NB0ww&sensor=false">
        </script>

        <script type="text/javascript" src="javascript.js"></script>
        <script type="text/javascript" src="markerclusterer.js" ></script>

        <link rel="stylesheet" type="text/css" href="stylesheet.css">

        <title>CRIME PREDICTION</title>
    </head>
    <body onload="initialize()">
        <div id="panel">
            <h3>CRIME PREDICTION</h3>

            <div>
                Training Data: <input type="number" min="10" max="500" id="total-training"/><br>
                Testing Data: <input type="number" min="10" max="500" id="total-testing"/>
                <br><br>
                <button type="button" onclick='generateData();'>Generate</button>

                <br> <br>
                <input type="checkbox" checked="checked" id="show-training" onclick="toggleTraining();"/>
                <span>Show Training Data</span>

                <br>
                <input type="checkbox" checked="checked" id="show-testing" onclick="toggleTesting();"/>
                <span>Show Testing Data</span>

                <br><br>
                <button type="button" onclick='predict();'>Predict</button>

                <br><br>
                <b>Prediction Results</b>

                <br>
                <input type="checkbox" checked="checked" id="murder" onclick="toggleMurder();"/>
                <span style="color: red">Murder</span>

                <br>
                <input type="checkbox" checked="checked" id="rape" onclick="toggleRape();"/>
                <span style="color: orange">Rape</span>

                <br>
                <input type="checkbox" checked="checked" id="robbery" onclick="toggleRobbery();"/>
                <span style="color: yellow">Robbery</span>

                <br>
                <input type="checkbox" checked="checked" id="assault" onclick="toggleAssault();"/>
                <span style="color: blue">Assault</span>

                <br>
                <input type="checkbox" checked="checked" id="burglary" onclick="toggleBurglary();"/>
                <span style="color: brown">Burglary</span>

                <br>
                <input type="checkbox" checked="checked" id="larcenytheft" onclick="toggleLarcenyTheft();"/>
                <span style="color: darkgreen">Larceny Theft</span>

                <br>
                <input type="checkbox" checked="checked" id="cartheft" onclick="toggleCarTheft();"/>
                <span style="color: paleturquoise">Car Theft</span>
            </div>

        </div>
        <div id="map-canvas"></div>
    </body>
</html>
